<template>
	<view :class="[BackGround]" :style="[{'font-weight':Style,'font-family':Font,height:100 + '%',minHeight:height + 'px'}]">
		<cu-custom bgColor="bg-gradual-blue" isBack="true">
			<view slot="backText">返回</view>
			<view slot="content">作业</view>
		</cu-custom>
		<view :style="{minHeight: height - CustomBar + 'px'}" :class="[BackGroundBox]">
			<view class="grid margin-bottom text-center col-1" style="padding-top: 200rpx;">
				<view @tap="jump('上班')" class="grid margin-bottom text-center col-1 flex padding justify-center">
					<view class="bg-gradual-bl round flex" style="width: 250rpx;height: 250rpx;">
						<image style="width: 120rpx;height: 120rpx;" src="/static/images/gowork.png" mode="aspectFill"></image>
					</view>
					<view class="margin-xl text-bold">上班</view>
				</view>
				<view @tap="jump('下班')" class="grid margin-bottom text-center col-1 flex padding justify-center">
					<view class="bg-gradual-ye round flex" style="width: 250rpx;height: 250rpx;">
						<image style="width: 120rpx;height: 120rpx;" src="/static/images/offwork.png" mode="aspectFill"></image>
					</view>
					<view class="margin-xl text-bold">下班</view>
				</view>
			</view>
		</view>

	</view>
</template>

<script>
	import {
		mapGetters
	} from 'vuex'
	import {
		outputRecord
	} from "@/service/selectList.js";
	export default {
		data() {
			return {
				height: this.screenHeight,
				CustomBar: uni.upx2px(this.CustomBar),
			}
		},
		onLoad() {
			console.log(getCurrentPages());
		},
		methods: {
			jump(e) {
				uni.navigateTo({
					url:`./scan?title=${e}`
				})
				// uni.navigateTo({
				// 	url:'./task'
				// })
			}
		},
		computed: {
			...mapGetters(['Style', 'Font', 'BackGround', 'BackGroundBox'])
		},
	}
</script>

<style>
	.flex {
		display: flex;
		justify-content: center;
		align-items: center;
	}

	.text-bold {
		font-size: 50rpx;
	}
</style>
